<template>
	<view class="container" >
		<view class="box flexBetween">
			<view class="left flexCenter">
				<image src="@/static/images/center/red.png" mode=""></image>
				<view class="main">
					<view class="top flexCenter">
						提现微信
						<view class="status" :style="{'background-color':statusBgColor}">
							{{list.status}}
						</view>
					</view>
					<view class="time">
						{{list.createTime}}
					</view>
				</view>
			</view>
			<view class="right flexCenter">
				￥
				<view class="num">
				{{list.money}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["list"],
		data() {
			return {
				
			};
		},
		computed:{
			statusBgColor(){
				if(this.list.status==2){
					return "rgba(13, 139, 55, 1)"
				}
				if(this.list.status==0){
					return "rgba(255, 147, 21, 1)"
				}
				if(this.list.status==3){
					return "rgba(152, 152, 152, 1)"
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
.box{
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 20rpx 1rpx rgba(216,216,216,0.5);
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	opacity: 1;
	padding: 38rpx 24rpx 31rpx 30rpx;
	margin-bottom: 24rpx;
	.left{
		image{
			width: 40rpx;
			height: 40rpx;
			margin-right: 15rpx;
		}
		.main{
			.top{
				font-size: 28rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #111111;
				.status{
					height: 40rpx;
					line-height: 40rpx;
					padding: 0 10rpx;
					margin-left: 10rpx;
					border-radius: 70rpx 70rpx 70rpx 70rpx;
					font-size: 22rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
				}
			}
			.time{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	}
	.right{
		font-size: 30rpx;
		.num{
			font-size: 36rpx;
			font-family: DIN-Bold-, DIN-Bold;
			font-weight: bold;
			color: #111111;
		}
	}
}
</style>
